@import "@/styles/variables.scss";

.transfusionPrescription-create {
    padding: $collection-y $collection-x;
    .transfusionPrescription-name{
        padding: $collection-y $collection-x;
        .transfusionPrescription-name-left{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            .name{
                flex-shrink: 0;
                font-size: $font-size-main;
                color: $font-color-main;
                margin-right: $block-space-x;
            }
            .name-input{
                width: 25%;
            }
        }
    }
    .transfusionPrescription-item-container{
        height: calc(100vh - 240px);
        overflow-y: auto;
        @import "@/styles/scrollbalStyle.scss";
        .transfusionPrescription-item{
            max-width: 1000px;
            min-width: 1000px;
            margin-bottom: $block-space-y;
            .item-top-container{
                height: 40px;
                background-color: $table-top-bg;
                border: 1px solid $border-color;
                border-bottom: none;
                padding: 0px $collection-x;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .item-top-left{
                    .group-name{
                        font-size: $font-size-main;
                        color: $font-color-main;
                        font-weight: bold;
                    }
                }
            }
            .transfusionPrescription-info-container{
                .info-table{
                    width: 100%;
                    td{
                        border: 1px solid $border-color;
                    }
                    .table-td{
                        padding: 0 $block-x;
                        white-space: nowrap;
                        ::v-deep .el-input{
                            width: 100%;
                            .el-input__inner{
                                border: none;
                                height: 40px;
                            }
                        }
                        ::v-deep .el-autocomplete{
                            width: 100%;
                        }
                        .jishu{
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            .unit{
                                height: 40px;
                                line-height: 40px;
                                padding: 0px $block-x;
                                background-color: $table-top-bg;
                            }
                        }
                    }
                    .mrjl{
                        padding-right: 0px; 
                    }
                }
            }
            .el-form {
                width: 100%;
                .el-table{
                    ::v-deep .el-table--border{
                        border: 1px solid $border-color;
                    }
                    ::v-deep td{
                        background-color: #fff;
                        padding: 0px;
                    }
                    ::v-deep .cell{
                        padding: 0px;
                        .el-input{
                            .el-input__inner{
                                border: none;
                                height: 40px;
                            }
                            .el-input-group__append{
                                border: none;
                                min-width: 80px;
                            }
                        }
                    }
                }
                .el-table::before, .el-table--group::after, .el-table--border::after{
                    background-color: $border-color;
                }
                .form-item-header{
                    height: $title-bg-size;
                    background: $table-top-bg;
                    padding: 0px $collection-x;
                    border-left: 1px solid $border-color;
                    border-right: 1px solid $border-color;
                    ::v-deep .el-form-item__content{
                        margin-left: 0px!important;
                    }
                   
                }
                .el-form-item {
                    display: flex;
                    justify-content: flex-start;
                    align-items: center;
                    margin-bottom: 0px;
                    
                    &:last-of-type {
                        margin-bottom: 0px;
                        border-bottom: none;
                    }
        
                }
                .form-item-btn{
                    border: 1px solid $border-color!important;
                    border-top: none!important;
                    ::v-deep .el-form-item__content{
                        width: 100%;
                    }
                    .btn-container{
                        width: 100%;
                        height: 40px;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                }
            }
        }
        
    }
}